<DOCTYPE html>

<style>
div {
    display: inline-block;
    margin: 10px;
    width: 400px;
    height: 100px;
}

.r1 {
    background-image: repeating-radial-gradient(closest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}

.r2 {
    background-image: repeating-radial-gradient(farthest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}

.r3 {
    background-image: repeating-radial-gradient(closest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}

.r4 {
    background-image: repeating-radial-gradient(farthest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
}

.r5 {
    background-image: repeating-radial-gradient(closest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}

.r6 {
    background-image: repeating-radial-gradient(farthest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}

.r7 {
    background-image: repeating-radial-gradient(closest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}

.r8 {
    background-image: repeating-radial-gradient(farthest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
}

</style>

<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
<div class="r5"></div>
<div class="r6"></div>
<div class="r7"></div>
<div class="r8"></div>

PASS: did not crash.

<script>
  if (window.testRunner)
    testRunner.dumpAsText();
</script>
